<template>
  <div class="zong">
    <hmnav class="hmnav"></hmnav>
    <hmsw></hmsw>
    <hmtxlt class="hmtxlt"></hmtxlt>
    <hmimglt></hmimglt>
    <hmtime></hmtime>
    <hmhot></hmhot>
    <hmcont></hmcont>
    <hmbot :x="name"></hmbot>
  </div>
</template>

<script>
import hmnav from "./HMassembly/HMnav.vue"
import hmsw from "./HMassembly/HMswipe.vue"
import hmtxlt from "./HMassembly/HMtextlist.vue"
import hmimglt from "./HMassembly/HMimglist.vue"
import hmtime from "./HMassembly/HMtime.vue"
import hmhot from "./HMassembly/HMhot.vue"
import hmcont from "./HMassembly/HMcont.vue"
import hmbot from "./HMassembly/HMbottom.vue"
export default {
  components: {
    hmnav,
    hmsw,
    hmtxlt,
    hmimglt,
    hmtime,
    hmhot,
    hmcont,
    hmbot
  },
  mounted() {
    this.name = this.$route.query.name
    console.log(this.name);
  },
  data() {
    return {
      name:""
    }
  }
}
</script>

<style lang="scss" scoped>

  .zong{
    position: relative;
  background-color: #f6f6f6;

    .hmnav{
      position: fixed;
      top: 0;
      z-index: 99;
    }
    .hmtxlt{
      margin-top: 5vw;
    }
  }
</style>